<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<html>
<head>
        <base target="_self" />
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <title>增加批次</title>
        <link rel="stylesheet" type="text/css" href="<c:url value="/static/jquery-easyui/themes/default/easyui.css"/>">
        <link rel="stylesheet" type="text/css"
            href="<c:url value="/static/jquery-easyui/themes/icon.css"/>">
        <link rel="Stylesheet" type="text/css" href="<c:url value="/static/css/jquery.ui.css"/>" />
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/jquery-1.6.min.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/jquery.easyui.min.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/plugins/jquery.panel.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/plugins/jquery.datagrid.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/plugins/jquery.messager.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/jquery-easyui/ext-for-framework.js.jsp"/>"></script>
        <script type="text/javascript" src="<c:url value="/static/jquery-easyui/locale/easyui-lang-zh_CN.js"/>"></script>       
        <script type="text/javascript"
            src="<c:url value="/static/js/showMsg.js"/>"></script>
        <script type="text/javascript"
            src="<c:url value="/static/listBox/jquery.clever.listbox.js"/>"></script>


<script type="text/javascript">
    var dataLeft;
	//添加信息按钮响应函数
	
	function deal() {
		$('#AddFoodForm').form('submit', {
			url : '<c:url value='/supplier/saveSupplierDistribute.do'/>', //查询提交路径
			onSubmit : function()//提交按钮相应函数
			{
				var custIdAll = $('#custIdAll').val();
                if (custIdAll == null||custIdAll =="") {
                    $.messager.alert("错误", "用户不能为空!", 'error');
                    return false;
                }
				return $('#AddFoodForm').form('validate');
			},
			success : function(data) {
				data = eval('(' + data + ')');
				if (data.success) {
					$.messager.alert('系统提示', '添加成功', 'info', function() {
						window.opener.window.tea();
						window.close();
					});
				} else {
					var message = "";
					if (data.msg == "msg0004") {
						message = "系统已存在该供货商公司名！";
					}
					$.messager.alert("提示", message, 'warning');
				}
			},
			error : function() {
				$.messager.alert("错误", "系统错误，请联系管理员！", 'error');
				return;
			}
		});

	}

	$(function() {
		$("#custNameAll").textbox({
            buttonText : '选择',
            iconAlign : 'left',
            editable : false,
            value : "无",
            multiline : true,
            width : '300',
            height : '80px',
            onClickButton : function() {
                initDateLeft("${disDate }");
                showMsgLeft();
                ShowDiv();

                var left = $('#left').listbox();
                var items = left.getDatas();
                left.removeRange(items);

                $('#left').listbox().reload({
                    data : dataLeft,
                    ajaxsettings : {
                        data : {
                            id : 'a'
                        }
                    }
                });
            }
        });
		//隐藏div界面
        $('#provinceShow').combobox(
                {
                    url : '<c:url value='/user/pullDownProvince.do'/>' +'?space=1',
                    editable : true, //不可编辑状态  
                    cache : false,
                    panelHeight : '150',
                    valueField : 'areaid',
                    textField : 'name',
                    required : true,
                    value:0,
                    onChange : function(newValue, oldValue) {
                        $.post('<c:url value='/user/pullDownCity.do'/>'+'?space=1', {
                            parentId : newValue
                        }, function(data) {
                            $('#cityShow').combobox("clear").combobox(
                                    'loadData', data);
                            $('#cityShow').combobox('setValue',0);
                        }, 'json');
                    }
                });
        $('#cityShow').combobox(
                {
                    valueField : 'areaid',
                    textField : 'name',
                    editable : false,
                    url : '<c:url value='/user/pullDownCity.do'/>'+'?space=1',
                    value:0,
                    onChange : function(newValue, oldValue) {
                        $.post('<c:url value='/user/pullDownCountry.do'/>'+'?space=1', {
                            parentId : newValue
                        }, function(data) {
                            $('#countryShow').combobox("clear").combobox(
                                    'loadData', data);
                            $('#countryShow').combobox('setValue',0)
                        }, 'json');
                    }
                });
        $('#countryShow').combobox({
            url : '<c:url value='/user/pullDownCountry.do'/>'+'?space=1',
            valueField : 'areaid',
            textField : 'name',
            value:0,
            editable : false
        });
	});
	
	function ShowDiv() {
        var Allwidth = '100%';
        var Allheight = '100%';
        document.getElementById('zzy').style.display = '';
        Loading.Show({
            width : Allwidth,
            height : Allheight
        });
        ///$("#materType1").combo("resize")
        //pulldown();
        //$("#materType1").combobox("resize");

        //$('#materType1').combobox('reload'); 
        //$('#materType1').combobox('reset'); 

    }

    
	
	//获取data 数据
	function initDateLeft(orderDate) {
		$.ajax({
			async : false,
			url : "<c:url value='/user/shopForSuppOrderDistribute.do'/>"
					+ "?orderDate=" + orderDate,
			type : "post",
			success : function(data) {
				if (typeof (data) == 'string' && data != '') {
					data = JSON.parse(data);
                }
				dataLeft = data.stringJson;
				if (typeof (dataLeft) == 'string' && dataLeft != '') {
					dataLeft = JSON.parse(dataLeft);
				}
			}
		});
	}
	function showMsgLeft() {
		$('#left').listbox({
			data : dataLeft,
			height : 300,
			width : 200,
			dndscope : 'demo',
			dnd : false,
			multiselect : true,
			selectchange : function(data) {
				if (data && data.length > 0) {
					$('#btnRight').attr('disabled', false);
				} else {
					$('#btnRight').attr('disabled', true);
				}
			}
		});
		var data = [ {
			value : 10,
			text : 'think8848'
		}, {
			value : 20,
			text : 'aCloud'
		}, {
			value : 21,
			text : 'aaaaa'
		}, {
			value : 36,
			text : 'qqqqq'
		} ];
		$('#right').listbox({
			//data: data,
			height : 300,
			width : 200,
			dndscope : 'demo',
			dnd : true,
			multiselect : true
		});
		$('#btnRightAll').click(function() {
			var left = $('#left').listbox();
			var items = left.getDatas();
			left.clear();
			$('#right').listbox().addRange(items);
		});
		$('#btnLeftAll').click(function() {
			var right = $('#right').listbox();
			var items = right.getDatas();
			right.clear();
			$('#left').listbox().addRange(items);
		});
		$('#btnRight').click(function() {
			var left = $('#left').listbox();
			var items = left.getSelected();
			left.removeRange(items);
			$('#right').listbox().addRange(items);
		});
		$('#btnLeft').click(function() {
			var right = $('#right').listbox();
			var items = right.getSelected();
			right.removeRange(items);
			$('#left').listbox().addRange(items);
		});
		$('#btnRemove').click(function() {
			$('#right').listbox().removeRange([ {
				value : 2
			}, {
				value : 26
			} ]);
		});
		$('#btnSelect').click(function() {
			var selected = $('#right').listbox().getSelected();
			var msg = 'Selected count is: ' + selected.length;
			if (selected.length > 0) {
				msg += ', The first item text is: ' + selected[0].text;
			}
			msg += '.';
			alert(msg);
		});
		$('#btnGetItems').click(function() {
			var selected = $('#right').listbox('getDatas');
			alert('Items count is: ' + selected.length);
		});
		$('#btnSetSelection').click(function() {
			$('#left').listbox('setSelection', 1);
		});
		$('#btnReload').click(function() {
			var left = $('#left').listbox();
			var items = left.getSelected();
			left.removeRange(items);

			var right = $('#right').listbox();
			var itemsr = right.getSelected();
			right.removeRange(itemsr);

			$('#left').listbox().reload({
				data : datal,
				ajaxsettings : {
					data : {
						id : 'a'
					}
				}
			});
		});
		$('#select').click(function() {
			Loading.Hide();
			document.getElementById('zzy').style.display = 'none';

			var right = $('#right').listbox();
			var items = right.getDatas();
			var userNames = '';
			var userIds = '';
			if (items.length > 0) {
				for ( var e in items) {
					userNames = userNames + items[e].text + ',';
					userIds = userIds + items[e].value + ',';
				}
				userNames = userNames.substring(0, userNames.length - 1);
				userIds = userIds.substring(0, userIds.length - 1);
			}
			if (userNames != '' && userIds != '') {
				$('#custNameAll').textbox('setValue', userNames);
				document.getElementById('custIdAll').value = userIds;
			} else {
				$('#custIdAll').textbox('setValue', '无');
				document.getElementById('custIdAll').value = '';
			}
		});
		$('#noselect').click(function() {
			Loading.Hide();
			document.getElementById('zzy').style.display = 'none';
		});
	}
</script>
</head>

<body>
	<table width="90%" align="center">
		<tr></tr>
		<tr>
			<td>

				<div style="height: auto; background: #fafafa; padding: 5px;"
					class="easyui-panel" title="添加批次信息" iconCls="icon-save"
					collapsible="true" minimizable="false" maximizable="false"
					closable="false">

					<form id="AddFoodForm" name="AddFoodForm" method="post">
						<table cellpadding="5">
							<tr>
							    <td>订单日期</td>
							    <td><input class="easyui-datebox" name="disDate" id="disDate" value="${disDate }" readOnly="true" /></td>
							</tr>
							<tr>
							    <td>批次客户</td>
                                <td><input class="easyui-textbox" name="custNameAll" id="custNameAll" required="true" /></td>
                                <td><input class="easyui-validatebox" hidden="true" name="custIdAll" id="custIdAll" required="true" /></td>
							</tr>
							
							<input class="easyui-validatebox" hidden="true" name="supId" id="supId" required="true" value="${supId }" />
						</table>
						<br> <br>
						<a class="easyui-linkbutton" onclick="deal()">添加</a>
					</form>

				</div>
			</td>
		</tr>
	</table>
	
	<div style='position: absolute; left: 40px; top: 40px; z-index: 101; display: none; background-color: #FFFFFF; border-radius: 10px; width: 550px;'
        id="zzy">
        <table align="center">
            <tr>
                <td colspan="3">
                    <form id="searchForm" name="searchForm" method="post" accept-charset="UTF-8">
                    <div
                        style="height: auto; width: 470px; background: #fafafa; padding: 5px;"
                        class="easyui-panel" title="查询" iconCls="icon-search"
                        collapsible="true" minimizable="false" maximizable="false"
                        closable="false">
                        <table>
                            <tr>
                                <td>省:</td>
                                <td><input class="easyui-combobox" name="provinceShow"
                                    id="provinceShow" required="true" /></td>
                                <td>市:</td>
                                <td><input class="easyui-combobox" name="cityShow"
                                    id="cityShow" required="true" /></td>
                            </tr>
                            <tr>
                                <td>区:</td>
                                <td><input class="easyui-combobox" name="countryShow"
                                    id="countryShow" required="true" /></td>
                            </tr>
                            <tr>
                                <td>职位:</td>
                                <td><input class="easyui-combobox" name="userlevel"
                                    id="userlevel" required="true" /></td>
                                <td colspan="2"><a href="#" class="easyui-linkbutton"
                                    data-options="iconCls:'icon-search'" style="width: 60px"
                                    onclick="searchInfo()">查询</a></td>
                            </tr>
                            <input class="easyui-validatebox" type="hidden" name="levelIdcopy" id="levelIdcopy"  />
                            
                        </table>
                    </div>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <ul id="left">
                    </ul>
                </td>
                <td><input type="button" value="&gt;&gt;" id="btnRightAll"
                    style="width: 50px;" /><br /> <input type="button" value="&gt;"
                    id="btnRight" style="width: 50px;" /><br /> <input type="button"
                    value="&lt;" id="btnLeft" style="width: 50px;" /><br /> <input
                    type="button" value="&lt;&lt;" id="btnLeftAll" style="width: 50px;" />
                </td>
                <td>
                    <ul id="right">
                    </ul>
                </td>
            </tr>
        </table>
        <table align="center">
            <tr>
                <!--  
                <td><input type="button" value="Add Item" id="btnAdd" /></td>
                <td><input type="button" value="Remove Item" id="btnRemove" /></td>
                <td><input type="button" value="Get Select" id="btnSelect" /></td>
                <td><input type="button" value="Get Items" id="btnGetItems" /></td>
                <td><input type="button" value="SetSelection (value equal to '1')" id="btnSetSelection" /></td>
                <td><input type="button" value="Reload" id="btnReload" /></td>
                -->
                <td><input type="button" value="取消" id="noselect" /></td>
                <td width="200px"></td>
                <td><input type="button" value="选择" id="select" /></td>

            </tr>
        </table>
    </div>
</body>
</html>